﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- #BeginTemplate "../template.dwt" -->
<head>
	<!-- #BeginEditable "doctitle" -->
	<title>News Management</title>
	<!-- #EndEditable -->
	<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
	<meta name="description" content="#" />	
	<meta name="keywords" content="#" />
	<meta name="author" content="thangchung" />	
	<link rel="icon" type="images/ico" href="../favicon.ico"  />
	
	<!-- CSS Declaration   -->
	<link rel="stylesheet" type="text/css" media="screen" href="../css/master.css" />
	<link rel="stylesheet" type="text/css" media="print" href="../css/print.css" />
	
	<!-- Check Browser     -->
	<!--[if lt IE 7]>
		<link rel="stylesheet" type="text/css" media="screen, projection" href="../css/ie.css" />
	<![endif]-->
	
	<!-- General Javascripts    -->		
		<script type="text/javascript" src="../js/jquery/jquery-1.4.2.js"></script>
		<script type="text/javascript" src="../js/jquery/ui/jquery-ui-1.8.1.custom.js"></script>
		<script type="text/javascript" src="../js/jquery/ui/jquery.ui.datepicker.min.js"></script>
		<script type="text/javascript" src="../js/jquery/ui/jquery.ui.core.min.js"></script>
		<script type="text/javascript" src="../js/jquery/ui/jquery.ui.widget.min.js"></script>
		<link type="text/css" href="../js/jquery/themes/cupertino/jquery.ui.all.css" rel="stylesheet" />
	
	<!-- #BeginEditable "otherscript" -->	
	<script type="text/javascript">	
		$(document).ready(function() {
			//Text Dialog
			$("#deletebatchdialog").dialog({
				bgiframe: true,
				autoOpen: false,
				resizable: true,
				width:600,
				modal: true,
				overlay: {
				backgroundColor: '#000',
				opacity: 0.5
				},
				buttons: {
					Cancel: function() {
						$(this).dialog('close');
					},
					
					'Confirm': function() {
						$(this).dialog('close');
					}
				}
			});
			
			//Delete Batch action
			$('#delete').click(function() {
				$('#deletebatchdialog').dialog('open');
			})		
			
		});
		
		$(function() {
			$("#createddate").datepicker({
				showOn: 'button',
				buttonImage: '../images/icon-calendar.png',
				buttonImageOnly: true
			});
		});
	</script>
	<!-- #EndEditable -->	
	</head>
<body>
<!-- CONTAINER -->
<div id="container">
	<!-- HEADER -->
	<div id="header">		
		<div id="logo"><h1>News Management</h1></div>
		<div id="userinfo"><span>User Login: thangchung</span> | 
			<a href="../logout.htm">Logout</a></div>
		
	<!-- PRIMARY NAVIGATION OF PAGE-->
	<div id="primarynav">
		<!-- #BeginEditable "primarynav" -->
		<ul>
			<li id="category"><a href="category.htm" class="current"><span>Category</span></a></li>
			<li id="news"><a href="news.htm"><span>News</span></a></li>
			<li id="poll"><a href="poll.htm"><span>Poll</span></a></li>
		</ul>
	<!-- #EndEditable -->
	</div>
	<!-- SECONDARY NAVIGATION OF PAGE-->
	<div id="secondarynav">
		<!-- #BeginEditable "secondarynav" -->
	<!-- #EndEditable -->
	</div>
	</div>
	
		
	<!-- BODY CONTENT-->
	<div id="maincontent">
		<!-- BREADCRUMB -->
			<div id="breadcrumb">
				  <!-- #BeginEditable "breadcrumb" --><!-- #EndEditable -->
			</div>
		<!-- CONTENTS -->
		<div id="contents">			
			<div class="boxcontent">
				<div class="box-top"></div>									
					<div class="box-middle">
					<!-- #BeginEditable "contents" -->
						<div id="pagetitle" class="pagetitle">
							<h1 id="formsearch">Search For a Category</h1>
							<span class="breadcrumb"><a href="category.htm">Search category</a> > <span class="current">Search for a category</span></span>
						</div>						
						<div id="pagecontent" class="pagecontent">
						<!-- Hide Error Message 

							<div class="messages">
								<div class="error">General Error Message Here</div>
								<div class="success">General Success Message Here</div>
							</div>
							-->
						<!-- Search Form-->
						<div class="group-header"><span>Search Criteria</span></div>
						<div class="group-body clear">
							<form method="post" action="" id="page-search" class="simpleform search">																		  							  		
					
								<div class="formgroup fstcol">
									<dl>
										<dt><label for="id">Id</label></dt>
										<dd>
										<input name="id"  id="id"  value="" type="text" class="inputtext"/></dd>
									</dl>
									<dl>
										<dt><label for="name">Name</label></dt>
										<dd>
										<input name="name"  id="name"  value="" type="text" class="inputtext"/></dd>
									</dl>									
									<dl>
										<dt>&nbsp;</dt>
										<dd><div class="pributton left "><input name="Button1" type="button" value="Search" class="rightbutton"  /></div></dd>
									</dl>									
								</div>
								<div class="formgroup seccol">
									<dl>
										<dt><label for="createduser">Created user</label></dt>
										<dd>
										<input name="createduser"  id="createduser"  value="" type="text" class="inputtext"/></dd>
									</dl>
									<dl>
										<dt><label for="createddate">Created date</label></dt>
										<dd>
											<input name="createddate"  id="createddate"  value="" type="text" class="inputtext"/>
											<!-- <a href="#" class="inlinetext"><img alt="Date Picker" height="24" src="../images/icon-calendar.png" width="24" /></a> -->
										</dd>
									</dl>																		
								</div>
							
						</form>
						</div>

						<div class="separate">&nbsp;</div>
						<!-- Search Result -->
							<div class="messages">
								<!--<div class="error">No form that meets the criteria is found. Please try another search with different criteria</div>-->
								<div class="success">200 Records Found</div>
							</div>
						<h2 class="floatleft">Item List</h2>
						<a href="category-update.htm" class="toolbarfloatright"><img alt="Update" height="16" src="../images/icon-update.png" width="16" /></a>
						<a href="#" id="delete" class="toolbarfloatright"><img alt="Delete" height="16" src="../images/delete.png" width="16" /></a>
						<a href="category-add.htm" class="toolbarfloatright"><img alt="Add" height="16" src="../images/icon-add.gif" width="16" /></a>
						<div class="group-body clear">						
							<table border="0" cellpadding="0" cellspacing="0" width="100%" class="grid" id="searchresult">
								<caption>Form Search - Search Result</caption>
								<thead>
									<tr>
										<th class="firstcol">&nbsp;</th>
										<th>Category ID</th>
										<th>Name</th>
										<th>Created Date</th>										
										<th class="lastcol">Created User</th>
									</tr>
								</thead>
								<tbody>
									  <tr class="odd">
										<td>
											<input name="radio1" type="radio" class="floatleft" />
										</td>
										<td><a href="news.htm">0001</a></td>
										<td>Fashion</td>										
										<td>12/08/1975</td>
										<td>tom@gmail.com</td>										
									  </tr>
									  <tr class="even">
										<td>
											<input name="radio1" type="radio" class="floatleft" />
										</td>
										<td><a href="news.htm">0002</a></td>
										<td>Magazine</td>
										<td>14/08/1956</td>										
										<td>carlton@yahoo.com</td>										
									  </tr>									   
								</tbody>
							</table>
						<!-- Pagination -->
						<div class="separate">&nbsp;</div>
						<div class="totalitem clear">1-10 of 200 records</div>				
						<div class="movementbar">						
	                                     <ul class="pagination">
								<li class="previous"><a href="#">Previous</a></li>
								<li><a href="#">1</a></li>
								<li><a href="#">2</a></li>
								<li class="active">3</li>
								<li><a href="#">4</a></li>
								<li><a href="#">5</a></li>
								<li><a href="#">6</a></li>
								<li><a href="#">7</a></li>
								<li class="next"><a href="#">Next</a></li>
							</ul>
						</div>
					</div>
					</div>
					</div>					
				<div class="box-bottom"></div>			
			</div>
		</div>
	</div>
	
	<!-- Dialogs -->						
	<!-- Delete Batch Confirm Dialog -->
		 <div id="deletebatchdialog" class="dialog" title="Confirm Delete">
			<div class="dialogmessage">Are you sure you want to delete?</div>
		</div>
	<!-- End Dialog -->
	
	<!-- FOOTER ------------------------------------------------------------------------------------------------ -->
	<div id="footer" class="pagefooter">	
		<!-- COPYRIGHT -->
		<div class="copyright">
			  © News Management 2010. Open source project on CodePlex
		</div>
	</div>
</div>
</body>

<!-- #EndTemplate -->

</html>
